<template>
    <div class="title-content">
        <img src="../../assets/meirong1.jpg" alt="">
        <div class="title-text">
            <h1>注射微整  杭州肉毒素瘦肩 兰州衡力肉毒素200单位瘦美曲线  支持现 场验证</h1>
            <p><b><span>￥</span>2000</b>/次 &nbsp;&nbsp;&nbsp;   医院价<span class="yuanjia">￥123456</span><span class="hong"><img src="../../assets/Business/hong.png" alt="">红包最高减￥300</span></p>
            <p>48人预约 / 评分 5.0  <Rate disabled v-model="value" /></p>
            <p><span>日记返现</span><span>支持分期：花呗分期</span><span>APP下单送5000元整形险</span></p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "TitleContent",
        data () {
            return {
                value:2
            }
        }
    }
</script>

<style  lang="less">
    @import "../../style/style";
  .title-content{
      height: 160px;
      padding: 20px 0;
      border-bottom: 1px solid #e0e0e0;
      >img{
          width: 120px;
          height: 120px;
          float: left;
      }
      .title-text{
          width: 78%;
          float: left;
          margin-left: 20px;
          h1{
              font-size: 16px;
              line-height: 20px;
              color: #333333;
          }
          >:last-child{
              >span{
                  background-color: #ffffff;
                  border: solid 2px #ff5371;
                  color: @theme-color-dark;
              }
              >:nth-child(2){
                  background-color: #ffffff;
                  border: solid 2px #ff97a8;
                  color:#ff97a8 ;
                  margin-left: 7px;
              }
              >:last-child{
                  color: #8eddd7;
                  border: solid 2px #8eddd7;
                  margin-left: 7px;
              }
          }
          p{
              font-size: 12px;
              line-height: 20px;
              color: #999999;
              padding-top:5px;

          b{
              font-size: 20px;
              font-weight: normal;
              letter-spacing: 0px;
              color:@theme-color-dark;
              span{
                  font-size: 14px;
              }
          }
          .yuanjia{
              text-decoration:line-through;
              font-size: 14px;
              color: #999999;
          }
          .hong{
              margin-left: 50px;
              font-size: 12px;
              color: #e94039;
              vertical-align: top;
              img{
                  margin-right: 5px;
                  margin-top: -2px;
              }
          }
        }
          .ivu-rate-star{
              margin-right: 0;

          }


      }
}
</style>